<template>
	<view>
		
		<!-- 信息列表 -->
		<view class="top">
			<h2 style="margin-bottom: 1rem;;">医师列表</h2>
			<view class="container" v-for="(item,index) in menuItems">
			  <view class="header">
			    <image class="profile-pic" :src="item.img[0]"></image>
			    <view class="doctor-info">
			      <view class="doctor-name">{{item.text}}</view>
			      <view class="doctor-title">{{item.position}}</view>
			      <view class="badges">
			        <text class="badge">{{item.zhicheng}}</text>
			      </view>
			    </view>
			  </view>
			  <view class="description">
			    宋睿智医生从事口腔临床和教学工作十余年，积抄累了丰富的种植经验，经他手种植的顾客都非常欣赏宋医生自的职业素养
			  </view>
			  <view class="rating">
			    <text class="rating-score">患友推荐分 4.6</text>
			    <uni-icon type="star-filled" size="20" color="#FFD700"></uni-icon>
			  </view>
			</view>
		</view>
	
	</view>

</template>

<script>
	export default {
		name: 'Home',
		data() {
			return {
				menuItems: [{
						text: '宋睿智',
						hospital: "大曌店",
						img: [
							require('../../static/zeroD.jpg'),
							require('../../static/zeroD.jpg')
						],
						position: "洛阳维乐口腔总院长",
						zhicheng: '副主任医师',
						xueli: [
							"美国gIDE/罗马琳达大学口腔种植修复双硕士", "上海交通大学/美国凯泽大学EMBA医学管理学硕士"
						],
						jingyan: "十余年临床经验",
						zhuanye: [
							"舒适化全麻即刻负重种植技术",
							"数字化种植/前牙美学区种植技术",
							"半口/全口无牙颌种植修复技术",
							"上颌窦内外提升等复杂植骨术"
						],
		
						honor: [
							"中国致公党中央委员会医药卫生委员会委员",
							"致公党河南省委社会服务与发展委员会副主任",
							"河南省口腔医学会美学修复颌面外科专委会委员",
							"政协第十四届洛阳市委员会常务委员",
							"洛阳欧美同学会副会长",
							"洛阳市侨联常务委员"
						]
		
					},
					{
						text: '郭志歌',
						hospital: "大曌店",
						img: [
							require('../../static/zeroD.jpg'),
							require('../../static/zeroD.jpg')
						],
						position: "维乐口腔医院院长",
						zhicheng: '主治医师',
						xueli: [
							"口腔医学学士"
						],
						jingyan: "十三年临床经验",
						zhuanye: [
							"显微热牙胶根管治疗术",
							"单颗/多颗种植修复技术/树脂充填",
							"固定义齿/活动义齿/前牙美学修复",
							"复杂根管治疗术/牙齿嵌体修复"
						],
		
						honor: [
							"韩非非老师DSD软件设计及贴面预备理论实操班",
							"任道口腔医疗瓷贴面微创美学修复技术认证医生",
							"路漫漫牙医微创拔牙与美学修复培训课程",
							"武汉大学口腔医院彭彬-现代根管治疗培训班"
						]
					},
					{
						text: '范鑫',
						hospital: "大曌店",
						img: [
							require('../../static/zeroD.jpg'),
							require('../../static/zeroD.jpg')
						],
						position: "维乐口腔种植修复科",
						zhicheng: '主治医师',
						xueli: [
							"美国Loma Linda大学种植牙学与口腔修复学培训认证"
						],
						jingyan: "九年临床经验",
						zhuanye: [
							"单颗/多颗种植修复技术/半口/全口种植修复技术",
							"前牙即拔即种修复技术/复杂阻生智齿拔除术",
						],
		
						honor: []
					},
					{
						text: '王春娟',
						hospital: "大曌店",
						img: [
							require('../../static/zeroD.jpg'),
							require('../../static/zeroD.jpg')
						],
						position: "维乐口腔牙体牙髓科",
						zhicheng: '主治医师',
						xueli: [
							"武汉大学口腔医院彭彬-现代根管治疗培训班"
						],
						jingyan: "十二年临床经验",
						zhuanye: [
							"固定/活动义齿修复/嵌体修复",
							"牙周病综合治疗/儿童龋病治疗及早期矫正",
							"牙体牙髓病综合诊疗/显微根管治疗/复杂根管病变治疗",
						],
		
						honor: []
					},
					{
						text: '马少峰',
						hospital: "大曌店",
						img: [
							require('../../static/zeroD.jpg'),
							require('../../static/zeroD.jpg')
						],
						position: "维乐口腔牙体牙髓科",
						zhicheng: '主治医师',
						xueli: [
							"武汉大学口腔医院彭彬-现代根管治疗培训班"
						],
						jingyan: "十二年临床经验",
						zhuanye: [
							"固定/活动义齿修复/嵌体修复",
							"牙周病综合治疗/儿童龋病治疗及早期矫正",
							"牙体牙髓病综合诊疗/显微根管治疗/复杂根管病变治疗",
						],
		
						honor: []
					},
					{
						text: '邓树鹏',
						hospital: "大曌店",
						img: [
							require('../../static/zeroD.jpg'),
							require('../../static/zeroD.jpg')
						],
						position: "维乐口腔种植修复科",
						zhicheng: '执业医师',
						xueli: [
							"武汉大学口腔医院彭彬-现代根管治疗培训班"
						],
						jingyan: "十六年临床经验",
						zhuanye: [
							"固定/活动/全口义齿修复",
							"单颗/多颗种植修复诊疗/前牙美学修复",
							"牙体缺损、牙列缺损修复",
							"疑难复杂牙齿拔除及位点保存"
						],
		
						honor: []
					},
					{
						text: '彭新萍',
						hospital: "大曌店",
						img: [
							require('../../static/zeroD.jpg'),
							require('../../static/zeroD.jpg')
						],
						position: "维乐口腔儿童口腔科",
						zhicheng: '执业医师',
						xueli: [
							"武汉大学口腔医院彭彬-现代根管治疗培训班"
						],
						jingyan: "十二年临床经验",
						zhuanye: [
							"显微热牙胶根管治疗/牙周病综合诊疗",
							"牙齿缺损美学树脂及嵌体、全瓷冠修复",
							"乳牙及年轻恒牙牙体牙髓病的诊疗/儿童早期错颌畸形的正畸诊疗",
						],
		
						honor: []
					},
					{
						text: '李延斌',
						hospital: "大曌店",
						img: [
							require('../../static/zeroD.jpg'),
							require('../../static/zeroD.jpg')
						],
						position: "维乐口腔全科医师",
						zhicheng: '执业医师',
						xueli: [
							"普特《微螺钉种植支抗临床应用学习班》"
						],
						jingyan: "十年临床经验",
						zhuanye: [
							"青少年/成人固定及隐形矫治",
							"固定/活动义齿修复/单颗/多颗种植修复",
							"儿童早期矫正及全阶段面型管理 ",
							"复杂阻生智齿拔除术"
						],
		
						honor: []
					},
		
					{
						text: '王向阳',
						hospital: "大曌店",
						img: [
							require('../../static/zeroD.jpg'),
							require('../../static/zeroD.jpg')
						],
						position: "维乐口腔牙体牙髓科",
						zhicheng: '执业医师',
						xueli: [
							"口腔医学本科"
						],
						jingyan: "十年临床经验",
						zhuanye: [
							"疑难牙体/牙髓病的综合诊疗",
							"残根/残冠/智齿等复杂牙拔除",
							"牙齿美学充填/复杂根管病变治疗",
						],
		
						honor: []
					},
		
				],
		
				yyhj: [{
						text: "医院环境1",
						img: require('../../static/yyhj.png')
					},
					{
						text: "医院环境2",
						img: require('../../static/yyhj2.png')
					},
					{
						text: "医院环境3",
						img: require('../../static/yyhj3.png')
					}
				],
		
				mdxx: [{
						title: "维乐口腔医院（大曌店）",
						adress: '河南省洛阳市涧西区万达广场商业街XXX',
						phone: "0379-6254512"
					},
					{
						title: "维乐口腔（长申店）",
						adress: '河南省洛阳市涧西区万达广场商业街XXX',
						phone: "0379-6254512"
					},
					{
						title: "维乐口腔（七一店）",
						adress: '河南省洛阳市涧西区万达广场商业街XXX',
						phone: "0379-6254512"
					},
					{
						title: "维乐口腔（凌宇店）",
						adress: '河南省洛阳市涧西区万达广场商业街XXX',
						phone: "0379-6254512"
					},
					{
						title: "维乐口腔（沃德店）",
						adress: '河南省洛阳市涧西区万达广场商业街XXX',
						phone: "0379-6254512"
					}
				]
			}
		},
		
		methods:{
			// 回退
			goBack() {
			  // 通过判断当前页面的页面栈信息，是否有上一页进行返回，如果没有则跳转到首页
			  const pages = getCurrentPages()
			  if (pages && pages.length > 0) {
			    const firstPage = pages[0]
			    if (pages.length == 1 && (!firstPage.route || firstPage.route != 'pages/index')) {
			      uni.reLaunch({
			        url: '/pages/index'
			      })
			    } else {
			      uni.navigateBack({
			        delta: 1
			      })
			    }
			  } else {
			    uni.reLaunch({
			      url: '/pages/index'
			    })
			  }
			}
		}
		
		
		}
	
</script>

<style>
	.top{

		width:94%;
		margin:2rem auto 0 auto
		
	}
	.container {
	  background-color: #ffffff;
	  padding: 16px;
	  border-radius: 8px;
	  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	  margin-bottom: 1rem;;
	}
	
	.header {
	  display: flex;
	  align-items: center;
	}
	
	.profile-pic {
	  width: 80px;
	  height: 80px;
	  border-radius: 50%;
	  margin-right: 16px;
	}
	
	.doctor-info {
	  display: flex;
	  flex-direction: column;
	}
	
	.doctor-name {
	  font-size: 20px;
	  font-weight: bold;
	}
	
	.doctor-title,
	.hospital,
	.badges {
	  margin-top: 4px;
	  font-size: 16px;
	  color: #5F4822;
	}
	
	.badges {
	  display: flex;
	}
	
	.badge {
	  background-color: #F2EACB;
	  padding: 2px 8px;
	  border-radius: 4px;
	  margin-right: 8px;
	}
	
	.description {
	  margin-top: 16px;
	  font-size: 16px;
	  color: #333;
	  line-height: 1.5;
	}
	
	.rating {
	  display: flex;
	  align-items: center;
	  margin-top: 16px;
	}
	
	.rating-score {
	  font-size: 16px;
	  color: #333;
	  margin-right: 8px;
	}
	
	.actions {
	  display: flex;
	  justify-content: space-between;
	  margin-top: 16px;
	}
	
	.actions uni-button {
	  width: 48%;
	}
	
	/* 胶囊*/
	.tn-custom-nav-bar__back {
	  width: 100%;
	  height: 100%;
	  position: relative;
	  display: flex;
	  justify-content: space-evenly;
	  align-items: center;
	  box-sizing: border-box;
	  background-color: rgba(0, 0, 0, 0.15);
	  border-radius: 1000rpx;
	  border: 1rpx solid rgba(255, 255, 255, 0.5);
	  color: #FFFFFF;
	  font-size: 18px;
	  
	  .icon {
	    display: block;
	    flex: 1;
	    margin: auto;
	    text-align: center;
	  }
	  
	  &:before {
	    content: " ";
	    width: 1rpx;
	    height: 110%;
	    position: absolute;
	    top: 22.5%;
	    left: 0;
	    right: 0;
	    margin: auto;
	    transform: scale(0.5);
	    transform-origin: 0 0;
	    pointer-events: none;
	    box-sizing: border-box;
	    opacity: 0.7;
	    background-color: #FFFFFF;
	  }
	}
</style>